<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI智能图片去背景工具 - 免费在线抠图</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>AI智能图片去背景工具</h1>
            <p>一键快速移除图片背景，轻松生成透明背景图片</p>
            <a href="index.html" class="back-link">返回工具首页</a>
        </header>
        
        <main>
            <div class="upload-container">
                <div id="drop-zone" class="drop-zone">
                    <div class="drop-zone-content">
                        <img src="" alt="上传图标" class="upload-icon">
                        <h3>拖放图片到这里</h3>
                        <p>或者</p>
                        <input type="file" id="file-input" accept="image/*" hidden>
                        <button id="upload-btn" class="upload-btn">选择图片</button>
                        <p class="file-info">支持格式：PNG, JPG, JPEG</p>
                    </div>
                </div>

                <div id="preview-container" class="preview-container hidden">
                    <div class="preview-wrapper">
                        <div class="preview-original">
                            <h3>原始图片</h3>
                            <img id="original-img" src="" alt="原始图片">
                        </div>
                        <div class="preview-result">
                            <h3>处理结果</h3>
                            <img id="result-img" src="" alt="处理结果">
                        </div>
                    </div>
                    <div class="action-buttons">
                        <button id="process-btn" class="primary-btn">开始处理</button>
                        <button id="download-btn" class="secondary-btn" disabled>下载结果</button>
                        <button id="reset-btn" class="secondary-btn">重新上传</button>
                    </div>
                </div>
            </div>
        </main>
        
        <footer>
            <p>© 2025 AI在线工具集 - 所有工具免费使用</p>
        </footer>
    </div>

    <script src="script.js"></script>
</body>
</html>
